.det {
    width: 1280px;
    height: 60px;
    background: #ffff;
    margin-top: 60px;
    margin: 0 auto;
    border-bottom: solid 1px #a3a3a3;
}

.det ul li {
    float: left;
    font-size: 16px;
    color: #a3a3a3;
    margin-left: 40px;
    line-height: 60px;
}

.list {
    width: 1280px;
    height: 1200px;
    margin: 0 auto;
}

.list-1 {
    /* width: 284px; */
    height: 340px;
    margin-left: 30px;
}

.list-1 a:hover {
    transform: translateY(-4px);
}

.list-2 {
    /* width: 284px; */
    height: 340px;
    margin-left: 30px;
}

.list-2 a:hover {
    transform: translateY(-4px);
}

.list-1 a {
    margin-top: 10px;
    margin-left: 16px;
    height: 370px;
}

.list-2 a {
    margin-top: 10px;
    margin-left: 16px;
    height: 370px;
}


.list-1 a li img {
    width: 284px;
    height: 268px;
}

.list-2 a li img {
    width: 284px;
    height: 268px;
}

.p1 {
    font-size: 16px;
    color: #444444;
    margin-top: 6px;
}

.list-1 a li h3 {
    margin-top: -10px;
    color: red;
}

.list-2 a li h3 {
    margin-top: -10px;
    color: red;
}


ul a li img {
    width: 284px;
    height: 268px;
}

ul a li h3 {
    color: red;
}

ul {
    margin-top: 10px;
    margin-left: 16px;
}

ul a {
    margin-left: 16px;
}

ul a :hover {
    transform: translateY(-4px);
}